// JavaScript Document

function changeSelection(submenuID){
	console.log(submenuID);
	
	$(".submenu_option_active").removeClass("submenu_option_active").addClass("submenu_option");
	$(".submenu_header_active").removeClass("submenu_header_active").addClass("submenu_header");

	$("#" + submenuID).removeClass("submenu_option").addClass("submenu_option_active");	
	$("#" + submenuID + " li.submenu_header").removeClass("submenu_header").addClass("submenu_header_active");
}

$("#submenu ul ul").on('click', function(e) {
	e.preventDefault();
	
	var submenuID = $(this).attr('id');
	changeSelection(submenuID);
	
	var pageHREF = $('#' + submenuID + ' a').attr('href');	
	$('#page_data').load(pageHREF + ' #container');
});